<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>第一天笔记</title>
</head>
<body>
	  <p>1.对于中文网页需要使用&lt;meta charset="utf-8"&gt; 声明编码，否则会出现乱码。有些浏览器会设置 GBK 为默认编码，则你需要设置为 &lt;meta charset="gbk"&gt;</p>
    <p>2.标题段落写法</p>
    <h1>这是标题</h1>
<p>这是一个段落。</p>
<p>链接示例：<a href="http://www.runoob.com">这是一个链接</a>
</p>
<p>图片示例：<img src="/imgs/logo.png" width="258" height="39" /></p>
<p>HTML 属性常用引用属性值

属性值应该始终被包括在引号内。

双引号是最常用的，不过使用单引号也没有问题。

Remark提示: 在某些个别的情况下，比如属性值本身就含有双引号，那么您必须使用单引号，例如：name='John "ShotGun" Nelson'</p>
<p>
	class:为html元素定义一个或多个类名（classname）（类名从样式文件引入）
	属性和属性值，尽量小写，本来这样做也方便些。
class 属性可以多用 class=" " （引号里面可以填入多个class属性）
id 属性只能单独设置 id=" "（只能填写一个，多个无效）
</p>
<p>hr 标签定义水平线：</p>
<hr>
<p>这是一个段落。</p>
<hr>
<p>这是一个段落。</p>
<hr>
<p>这是一个段落。</p>
<p>注释示例：<!--这是一个注释，注释在浏览器中不会显示--></p>
<hr>
<p>标题大小与字体大小的关系：1到6号标题与1到6号字体逆序对应，比如1号字体对应6号标题，2号字体对应5号标题。</p>
<h1>这是1号标题</h1>
<font size="6">这是6号字体文本</font>
<h2>这是2号标题</h2>
<font size="5">这是5号字体文本</font>
<h3>这是3号标题</h3>
<font size="4">这是4号字体文本</font>
<h4>这是4号标题</h4>
<font size="3">这是3号字体文本</font>
<h5>这是5号标题</h5>
<font size="2">这是2号字体文本</font>
<h6>这是6号标题</h6>
<font size="1">这是1号字体文本</font>
<hr>
<p>这个<br>段落<br>演示了分行的效果</p>
<hr>
<p>
    春眠不觉晓，
      处处闻啼鸟。
        夜来风雨声，
          花落知多少。
</p>

<p>注意，浏览器忽略了源代码中的排版（省略了多余的空格和换行）。</p>
<hr>
<p>
	这个段落
	在源代码中
	包含许多行
	但是浏览器
	忽略了它们。
	</p>

	<p>
	这个段落
	在源代码       中
	包含   许多行
	但是      浏览器
	忽略了  它们。
	</p>

	<p>
	段落的行数依赖于浏览器窗口的大小。如果调节浏览器窗口的大小，将改变段落中的行数。
	</p>
<hr>
<b>加粗文本</b><br><br>
<i>斜体文本</i><br><br>
<code>电脑自动输出</code><br><br>
这是<sub>下标</sub>和<sup>上标</sup>
</body>
</html>
